<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="美食天下，天下美食，美食做法">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/community.css">

    <title>社区</title>
</head>

<body>
    <div class="box">
        <header>
            <h1 class="title">美食天下</h1>
            <div class="header">
                <a href="#"><img src="../img/logo.png" alt="图片无法显示"></a>
                <ul class="nav">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="./caidan.html">菜谱</a></li>
                    <li><a href="./healthy.html">健康</a></li>
                    <li><a href="./community.html">社区</a></li>
                    <li><a href="./market.html">市集</a></li>
                </ul>
                <div class="logon">
                    <div class="iconfont icon-fangdajing icon">
                        <div class="hide">
                            <div>
                                <input type="text" value="搜索.....">
                                <button><span class="iconfont icon-fangdajing"></span></button>
                            </div>
                        </div>
                    </div>
                    <a href="../html/logon.html"><span class="iconfont icon-gouwuche"></span></a>
                    <a href="../html/logon.html"><span class="iconfont icon-ren"></span></a>
                    <a href="../html/logon.html"><button>登录/注册</button></a>
                </div>
            </div>
        </header>


        <!-- /* -------------------------------------------------------------------- */
        /* ------------------------------main---------------------------------- */
        /* -------------------------------------------------------------------- */ -->
        <main class="container">
            <!-- 副导航条 -->
            <div class="C-nav">
                <p>
                    <a href="./community.html" class="C-nav-s C-nav-s-D">社区</a>>>
                    <a href="./specials.html" class="C-nav-s C-nav-s-D">专题</a>>>
                    <a href="./special-D.html">百吃猪排</a>
                </p>
                
            </div>

            <div class="C-mainbox">
                <a href="./special-D.html">
                    <div class="special-D-bannerimgbox">
                        <img src="../img/community-img/zhupai.jpg" alt="">
                    </div>
                </a>
                <div class="special-D-mainbox">
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601320824219&di=86eb4ee79f8bbc21dd52e9d413c18e85&imgtype=0&src=http%3A%2F%2Fhao315com.37cy.com%2Fzfhao315com%2F1804%2F18-04-23%2F201804231632090.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>嘿嘿嘿 这是我烤的猪排 #烤猪排#</h2>
                                        <p>不得不说，香的不得了</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">猪排</a>
                                            <a href="">烧烤</a>
                                        </div>
                                        <div class="author">
                                            <p>by 
                                                <img src="../img/community-img/head_1.jpg" alt=""> 
                                                <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601321423312&di=dfd15c337a29ccfbf2d1c24f3e994bdb&imgtype=0&src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2Ffd%2Ftg%2Fg1%2FM02%2F6F%2F8F%2FCghzflUr3NKAbz0RAA_Kr_wARag003.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>超大猪排 在外面吃到的</h2>
                                        <p>意外的口感不错，观摩了一下做法，我来尝试一次啦</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">猪排</a>
                                            <a href="">外餐</a>
                                            <a href="">烤</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_5.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2053211279,3371168192&fm=26&gp=0.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>芝士猪排 第一次做哦</h2>
                                        <p>味道和卖相都很不错</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">芝士</a>
                                            <a href="">猪排</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_2.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601355623983&di=7c33eeed49dca64c331640148912de68&imgtype=0&src=http%3A%2F%2Fi2.chuimg.com%2Fbfef272600bf11e7947d0242ac110002_1280w_960h.jpg%3FimageView2%2F2%2Fw%2F660%2Finterlace%2F1%2Fq%2F90" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>炸猪排</h2>
                                        <p>裹了淀粉炸的，皮酥内嫩，推荐大家都来试一试</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">猪排</a>
                                            <a href="">油炸</a>
                                            <a href="">淀粉</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_3.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601320824211&di=e2c79d8b618724efdfe9694140840c27&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2Fl6%2Fs5%2FQJ6885736562.jpg%3Fx-oss-process%3Dstyle%2Fshow" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>石板炙烤猪排</h2>
                                        <p>烤制前腌制入味，烤制时保持它受热均匀，最后你会得到一块嫩嫩的小猪排</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">猪排</a>
                                            <a href="">石板炙烤</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_1.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601321423312&di=dfd15c337a29ccfbf2d1c24f3e994bdb&imgtype=0&src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2Ffd%2Ftg%2Fg1%2FM02%2F6F%2F8F%2FCghzflUr3NKAbz0RAA_Kr_wARag003.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>超大猪排 在外面吃到的</h2>
                                        <p>意外的口感不错，观摩了一下做法，我来尝试一次啦</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">猪排</a>
                                            <a href="">外餐</a>
                                            <a href="">烤</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_5.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601321687240&di=e40e874469b4b286e6ba57a28d6ea89f&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2Fjw%2F7s%2FQJ6806320029.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>烤小猪排配米饭使用</h2>
                                        <p>太美味了，不尝试会后悔系列</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">烧烤</a>
                                            <a href="">猪排</a>
                                            <a href="">米饭</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_3.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601321687239&di=f54d4a27cb9e7cd15e7a2de4c9ef2b96&imgtype=0&src=http%3A%2F%2Fci.xiaohongshu.com%2F20286db0-cea2-4df7-bd15-6ea3c759f82c%40r_750w_750h_ss1.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>看看这满满的芝士</h2>
                                        <p>然而我不喜欢</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">芝士</a>
                                            <a href="">猪排</a>
                                            <a href="">无感</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_4.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601322013192&di=2dbb451a64285a91b8cfe2943dd9bd39&imgtype=0&src=http%3A%2F%2Fcdn.walkerland.com.tw%2Fimages%2Fupload%2Fpoi%2Fp69679%2Fm38400%2F1c257d396ad88bcfdc947335cbe5a1e2ddd7a3e2.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>丰盛的猪排饭请你来吃</h2>
                                        <p>大爱，真的是大爱</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">猪排</a>
                                            <a href="">小分量</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_5.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="special-D-dynamicbox">
                        <a href="./dynamic-D.html">
                            <div class="special-D-dynamic">
                                <div class="special-D-dy-imgbox">
                                    <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1074975917,3613196909&fm=26&gp=0.jpg" alt="">
                                </div>
                                <div class="special-D-dy-detials">
                                    <div class="special-D-dy-top">
                                        <h2>糖醋猪排</h2>
                                        <p>这道菜非常好吃，我家每次做都是</p>
                                    </div>
                                    <div class="special-D-dy-bottom">
                                        <div class="tips">
                                            <a href="">猪排</a>
                                            <a href="">小分量</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_5.jpg" alt=""> <a href=""> 沫沫兮</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                        </div>



                </div>






                <button class="look-more">查看更多</button>


            </div>
        </main>





        <footer>
            <div class="footer">
                <div class="footer_top">
                    <ul>
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="./caidan.html">菜谱</a></li>
                        <li><a href="./healthy.html">健康</a></li>
                        <li><a href="./community.html">社区</a></li>
                        <li><a href="./market.html">市集</a></li>
                    </ul>
                    <ul>
                        <li><a href="./html/logon.html">登录</a></li>
                        <li><a href="./html/logon - 1.html">注册</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer_bottom">
                    <a href="#">关于我们</a>
                    <a href="#">English</a>
                    <a href="#">广告服务</a>
                    <a href="#">免责声明</a>
                    <p>39班第二小组全员2020-2020 ALL RIGHTS RESERVED.川ICP备xxxxxxxxxxxxxx号</p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>